<div class="card">
  <svg viewBox="0 0 512 512" class="paperplane">
    <path
      d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"
    ></path>
  </svg>
</div>

<style>
/* From Uiverse.io by Adrwaan  - Tags: icon, animation, card, hover, glow, svg, border, color */
.card {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 190px;
  height: 254px;
  background: #434343;
  border-radius: 10px;
}

.card::before {
  content: "";
  position: absolute;
  width: 190px;
  height: 254px;
  background-color: tomato;
  border-radius: 10px;
  z-index: -1;
  transition: all 0.4s;
  animation: animate 5s linear infinite;
}

.card:hover::before {
  width: 197px;
  height: 259px;
}

.card:hover .paperplane {
  transform: scale(1.07) translateY(-10%) rotate(18deg);
}

.paperplane {
  fill: #888;
  width: 70px;
  transition: 0.4s all;
}

@keyframes animate {
  50% {
    filter: hue-rotate(350deg);
  }
}

</style>
    